<template>
	<view class="content">
		<view class="status_bar">
			<view class="top_view"></view>
		</view>
		<view class="body">
			<image src="../../static/personal_center/change-success-bg.png" class="body_bg"></image>
			<view class="success_icon">
				<image src="../../static/personal_center/change-success-btn.png"></image>
				<view class="success">
					成功！
				</view>
				<view class="tips">
					您已成功更改密码，登录时请使用新密码
				</view>
				<button type="default" class="to_login_btn">马上登录</button>
			</view>
		</view>
	</view>
</template>

<script></script>

<style scoped>
	@import url('../../css/navigation.css');

	.content {
		display: flex;
		flex-direction: column;
		height: 100%;
		width: 100%;
	}

	.body {
		height: 100%;
		display: flex;
	}

	.body_bg {
		position: fixed;
		top: 0;
		height: 100%;
		width: 100%;
	}

	.success_icon {
		display: flex;
		flex-direction: column;
		width: 100%;
		align-items: center;
	}

	.success_icon image {
		margin-top: 277.77upx;
		width: 472.22upx;
		height: 472.22upx;
	}

	.success,
	.tips {
		width: 100%;
		text-align: center;
		margin-top: 27.77upx;
		z-index: 999;
		font-size: 31.25upx;
		font-family: "FZLanTingHeiS-R-GB";
		color: rgb(255, 255, 255);
	}

	.tips {
		font-size: 25upx;
		font-family: "FZLanTingHeiS-R-GB";
		color: rgb(255, 255, 255);
	}

	.to_login_btn {
		margin-top: 114.58upx;
		border-radius: 13.88upx;
		background-color: rgb(255, 255, 255);
		width: 259.72upx;
		height: 68.05upx;
		line-height: 68.05upx;
		font-size: 25upx;
		font-family: "Adobe Heiti Std";
		color: rgb(23, 206, 203);
		text-transform: uppercase;
	}
</style>
